<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link type="text/css" href="css/index.css" rel="stylesheet">
    <link type="text/css" href="css/person.css" rel="stylesheet">
    <link type="text/css" href="css/download (1)/font_6scgcii2lwt/iconfont.css" rel="stylesheet">
    <title>SKY</title>
</head>

<body>
    <!-- 导航栏 -->
    <div id="nav">
        <div class="nav-bar">
            <!-- logo -->
            <div class="nav-logo">
                <a class="logo" href="index1.html">
                    <img src="images/tb.gif" height="56">
                </a>
            </div>
            <div class="btn edit-btn">
                <a target="_blank" href="edit.html">
                    写文章
                </a>
            </div>
            <!-- 未登录时显示登陆、注册 -->
            <!-- <div class="btn login">
                <a href="login.html">登陆</a>
            </div>
            <a class="btn register" href="#">
                <span>注册</span>
            </a> -->
            <div class="user">
                <a class="user-img" href="person.html">
                    <img src="images/lb-1.jpg">
                </a>
            </div>

            <div class="nav-search">
                <span class="inp">
                    <input type="text" size="12" placeholder="文章、专栏" autocomplete="off">
                </span>
                <span class="srh-btn">
                    <input type="submit">
                </span>
            </div>
            <ul class="nav-ul nav-content">
                <li class="nav-item1">
                    <a href="#" traget="_blank">
                        <span class="item-name">文章</span>
                    </a>
                </li>
                <li class="nav-item2">
                    <a href="#" traget="_blank">
                        <span class="item-name">专题</span>
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 正文 -->
    <div class="container">
        <div class="box">
            <div class="box1">
                <div class="box1-top">
                    <a href="person.html" class="tx">
                        <img src="images/lb-1.jpg">
                    </a>
                    <div class="title">
                        <a href="person.html" class="uname">岁辰凡年</a>
                    </div>
                    <div class="info">
                        <ul>
                            <li>
                                <div class="infos">
                                    <a href="#">
                                        <p>220</p>
                                        关注
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="infos">
                                    <a href="#">
                                        <p>220</p>
                                        粉丝
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="infos">
                                    <a href="#">
                                        <p>220</p>
                                        文章
                                    </a>
                                </div>
                            </li>
                            <li>
                                <div class="infos">
                                    <a href="#">
                                        <p>220</p>
                                        获赞数
                                    </a>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="box1-next">
                    <ul class="trigger">
                        <li>
                            <a href="person.html">
                                <i class="iconfont icon-articles"></i>
                                文章
                            </a>
                        </li>
                        <li class="active">
                            <a href="person.html">
                                <i class="iconfont icon-dongtai"></i>
                                动态
                            </a>
                        </li>
                        <li>
                            <a href="person.html">
                                <i class="iconfont icon-comments"></i>
                                评论
                            </a>
                        </li>
                        <li>
                            <a href="person.html">
                                <i class="iconfont icon-hot"></i>
                                热门
                            </a>
                        </li>
                    </ul>
                    <div id="list-container">
                        <ul class="note-list">
                            <li id="list1">
                                <div class="content">
                                    <div class="author">
                                        <a class="avatar" href="person.html">
                                            <img src="images/lb-1.jpg">
                                        </a>
                                        <div class="info">
                                            <a class="nickname" href="#">岁辰凡年</a>
                                            <span data-datatime="2019-05-07T19:32:39+08:00">关注了作者· 05.7 19:39</span>
                                        </div>
                                    </div>
                                    <div class="follow-detail">
                                        <div class="info">
                                            <a class="avatar" href="person.html">
                                                <img src="images/lb-2.jpg">
                                            </a>
                                            <a class="btn following">
                                                <i class="iconfont icon-follow"></i>
                                                <span>已关注</span>
                                            </a>
                                            <a class="title" href="person.html">慎壹</a>
                                            <p>写了18篇原创文章，获得888个喜欢</p>
                                        </div>
                                        <div class="sig">专注于推动公众理解科学公益行动，致力于促进科学教育与科学传播优质内容共建共享。请大家关注专题：公众理解科学。</div>
                                    </div>
                                </div>
                            </li>
                            <li id="list2">
                                <div class="content">
                                    <div class="author">
                                        <a class="avatar" href="person.html">
                                            <img src="images/lb-1.jpg">
                                        </a>
                                        <div class="info">
                                            <a class="nickname" href="#">岁辰凡年</a>
                                            <span data-datatime="2019-05-07T19:32:39+08:00">关注了作者· 05.7 19:39</span>
                                        </div>
                                    </div>
                                    <div class="follow-detail">
                                        <div class="info">
                                            <a class="avatar" href="#">
                                                <img src="images/lb-2.jpg">
                                            </a>
                                            <a class="btn following">
                                                <i class="iconfont icon-follow"></i>
                                                <span>已关注</span>
                                            </a>
                                            <a class="title" href="#">慎壹</a>
                                            <p>写了18篇原创文章，获得888个喜欢</p>
                                        </div>
                                        <div class="sig">专注于推动公众理解科学公益行动，致力于促进科学教育与科学传播优质内容共建共享。请大家关注专题：公众理解科学。</div>
                                    </div>
                                </div>
                            </li>
                            <li id="list3">
                                <div class="content">
                                    <div class="author">
                                        <a class="avatar" href="#">
                                            <img src="images/lb-1.jpg">
                                        </a>
                                        <div class="info">
                                            <a class="nickname" href="#">岁辰凡年</a>
                                            <span data-datatime="2019-05-07T19:32:39+08:00">关注了作者· 05.7 19:39</span>
                                        </div>
                                    </div>
                                    <div class="follow-detail">
                                        <div class="info">
                                            <a class="avatar" href="#">
                                                <img src="images/lb-2.jpg">
                                            </a>
                                            <a class="btn following">
                                                <i class="iconfont"></i>
                                                <span>已关注</span>
                                            </a>
                                            <a class="title" href="#">慎壹</a>
                                            <p>写了18篇原创文章，获得888个喜欢</p>
                                        </div>
                                        <div class="sig">专注于推动公众理解科学公益行动，致力于促进科学教育与科学传播优质内容共建共享。请大家关注专题：公众理解科学。</div>
                                    </div>
                                </div>

                            </li>
                        </ul>
                    </div>
                </div>

            </div>
            <div class="box2 asider">
                <ul class="list user-like">
                    <li>
                        <a href="#">
                            <i class="iconfont"></i>
                            <span>我关注的专题/文集/连载</span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <i class="iconfont "></i>
                            <span>我喜欢的文章</span>
                        </a>
                    </li>
                </ul>
                <div>
                    <div>
                        <div class="title">我创建的专题</div>
                        <div class="collection">
                            <a href="#" class="collection-btn">
                                <i class="iconfont icon-follow">
                                </i>
                                <span> 创建一个新专题</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</body>

</html>